﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="product.ascx.cs" Inherits="include_product" %>
<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.WebControls" TagPrefix="asp" %>
<div style="width: 70%" id="ja-main" class="selected">
    <div class="inner clearfix selected">
        <div class="selected" id="ja-contentwrap">
            <div style="width: 100%" id="ja-content" class="selected">
                <div id="ja-current-content" class="selected">
                    <div class="ja-content-main clearfix selected">
                        <div id="vmMainPage" class="selected">
                            <div class="vmFlyPageTop v5FlyPageTop">
                                <%=this.getBreadcrum(this.produc.ProductID)%>
                                <div class="v5ProductTitle">
                                    <h1 class="v5Title"><%=this.produc.Name%></h1>
                                    <div class="vmProductNav v5ProductNav">
                                       <!-- <a href="#" class="previous_page">previous product</a> 
                                        <a href="#" class="next_page">next product</a>-->
                                    </div>
                                </div>
                                <div class="v5FlypageMid">
	                                <div  class="vmImagesMain v5ImagesMain">
	                                 <center style="position: relative;">
	                                    <div class="vmProductImage v5ProductImage">
	                                    <a class="jqzoom59" rel="colorbox" href="images/products/<%=this.produc.Image%>" style="height: 142px; width: 112px;" title="">
                                         <img ID="img_product" border="0" alt="<%=this.produc.Name%>" class="browseProductImage" src="images/products/<%=this.produc.Image%>"/>
	                                    </a>
	                                    <br style="clear:both">
	                                    <a title="<%=this.produc.Name%>" target="_blank" rel="lightbox" href="images/products/<%=this.produc.Image%>">Click here to enlarge</a>
		                                </div>
		                               </center>
	                                </div>

                                </div>
                                
                                <div class="v5ProductPrice">
                                    <span class="productPrice">$<%=this.produc.Price%></span><br>
                                </div>
                                
                                <div class="vmFlyPageBottom v5FlyPageBottom">
                                    <ul class="shadetabs" id="vmtabs">
                                        <li id="tab1" class="selected"><a rel="desc" href="javascript:tabContent('tab1');" class="selected">Description</a></li>
                                        <li id="tab2"><a rel="reviews" href="javascript:tabContent('tab2');">Product Reviews</a></li>
                                        <li id="tab3"><a rel="related" href="javascript:tabContent('tab3');" >Related Products</a></li>
                                    </ul>
                                    <div class="vmTabContent">
                                        <div class="vmTabSub">
                                            <div class="vmTabSubInner">
                                                <strong>Product: </strong><%=this.produc.Name%>
                                            </div>
                                        </div>
                                        <div class="vmTabContentInner">
                                            <div class="tabcontent" id="content_tab1" style="display: block;">
                                                <span class="vmProductDesc v5ProductDesc"><%=this.produc.Description%></span>
                                                <!--<br>
                                                <a href="#"
                                                    class="button">Ask a question about this product</a><br>
                                                <br>
                                                <span style="font-style: italic;"></span>
                                                <br>-->
                                            </div>
                                            <div class="tabcontent" id="content_tab2" style="display: none;">
                                                <div class="vmReviews v5Reviews">
                                                    There are yet no reviews for this product.
                                                    <br>
                                                    Please log in to write a review.
                                                </div>
                                             </div>
                                            <div class="tabcontent" id="content_tab3" style="display: none;">
                                                <hr>
                                                <p style="font-size:16px;font-family:helvetica;font-weight:bold;">You may also be interested in this/these product(s)</p>
                                                <%=this.getProductSameCat(this.produc.CategoryID)%>
                                            </div>
		                                </div>
                                    </div>
                                    <br style="clear: both">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>